﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Zeenck.Models.Personal>" %>

<fieldset>
<legend>Personal Information</legend>

<div class="editor-label">
        <%:Html.LabelFor(model => model.Birthday) %>  
    </div>
    <div class="editor-field">
        <%:Html.EditorFor(model => model.Birthday) %> 
        <%= Html.ValidationMessageFor(model => model.Birthday) %>
    </div>

    <div class="editor-label">
        <%:Html.LabelFor(model => model.Gender) %> 
    </div>
    <div class="editor-field">
        <%:Html.DropDownList("Gender", "") %> 
        <%= Html.ValidationMessageFor(model => model.Gender) %> 
    </div>

    <div class="editor-label">
        <%:Html.LabelFor(model => model.RelationshipStatus) %> 
    </div>
    <div class="editor-field">
        <%:Html.DropDownList("RelationshipStatus", "")%> 
        <%= Html.ValidationMessageFor(model => model.RelationshipStatus)%> 
    </div> 
    
    <div class="editor-label">
        <%:Html.LabelFor(model => model.InterestedIn) %> 
    </div>
    <div class="editor-field">
        <%:Html.DropDownList("InterestedIn", "")%> 
        <%= Html.ValidationMessageFor(model => model.InterestedIn)%> 
    </div> 

    <div>
        <input id="back1" type="submit" value="Back" style="float: left;"/>
        <input id="button2" type="submit" value="Continue" style="float: right;"/>
    </div>

</fieldset>

    <script type="text/javascript">
        $(function () {
            $("#Birthday").datepicker({
                    changeMonth: true,
                    changeYear: true,
                    yearRange: '-80:-10', minDate: '-80y', maxDate: '-10y'
                });
        });

        $('#button2').click(function () {
            $("#personal").hide();
            $("#portfolio").slideToggle();
        });

        $('#back1').click(function () {
            $("#personal").hide();
            $("#basic").slideToggle();
        });
    </script>